<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title>发表话题</title>
    <div data-th-replace="layout/head"></div>
    <link type="text/css" rel="stylesheet" th:href="@{{path}/common/v3/summernote/summernote-bs3.css?v={v}(path=${staticPath}, v=${v})}">
    <link type="text/css" rel="stylesheet" th:href="@{{path}/front/web/v3/css/plugins/chosen/chosen.css?v={v}(path=${staticPath}, v=${v})}">
    <link type="text/css" rel="stylesheet" th:href="@{{path}/common/v3/verify-css/verify.css?v={v}(path=${staticPath}, v=${v})}">

</head>

<body>
<div data-th-replace="layout/common-hade-two"></div>
<div data-th-replace="layout/classes/common-layout-classes"></div>

<div>
    <div class="container">
        <ol class="breadcrumb mt10">
            <li><a th:href="@{/web/classes/index}">首页</a></li>
            <li><a th:href="@{/web/classes/info?id={id}(id=${classesId})}">班级详情</a></li>
            <li class="active">发表话题</li>
        </ol>

        <div>
            <div class="teacher-item-bx">
                <div class="row">
                    <section class="col-sm-8">
                        <div class="pt10">
                            <h4 class="text-center">发表话题</h4>
                        </div>

                        <div class="mt20 ml20 mr20 mb20 pb10">
                            <form role="form" class="toQuestionForm">

                                <div class="form-group">
                                    <span class="pull-right"><small class="fs12 c-ccc">最多输入50个字</small></span>
                                    <label><span class="fs14 c-333">话题标题</span><small class="fs12 c-999">（必填）</small><small class="fs12 c-danger">*</small></label>
                                    <input name="title" placeholder="输入标题，简洁，明了更能吸引别人围观呢" class="form-control" type="text" maxlength="50">
                                </div>

                                <div class="form-group clearfix">
                                    <span class="pull-right"><small class="fs12 c-ccc">最多输入5000个字</small></span>
                                    <label><span class="fs14 c-333">话题详情</span><small class="fs12 c-999">（必填）</small><small class="fs12 c-danger">*</small></label>
                                    <textarea title="content" cols="30" rows="5" id="content" style="resize: none"></textarea>
                                </div>

                                <div class="form-group clearfix">
                                    <span class="pull-right"><small class="fs12 c-ccc">只能选择1个哟</small></span>
                                    <label><span class="fs14 c-333">所属分类</span><small class="fs12 c-999">（必填）</small><small class="fs12 c-danger">*</small></label>
                                    <div class="wSelectBox">
                                        <select name="classify" data-placeholder="请选择所属分类..." class="chosen-select">
                                            <option th:each="classify : ${classifies}" th:value="${classify['value']}" th:text="${classify['name']}"></option>
                                        </select>
                                    </div>
                                </div>

                                <div class="form-group clearfix">
                                    <label><span class="fs14 c-333">浏览权限设定</span></label>
                                    <div class="radio">
                                        <label class="mr20"><input type="radio" value="1" name="lookPermission" checked>自由浏览</label>
                                        <label class="mr20"><input type="radio" value="2" name="lookPermission">登录后浏览</label>
                                        <label class="mr20"><input type="radio" value="3" name="lookPermission">仅限本班同学浏览</label>
                                    </div>
                                </div>

                                <div class="form-group clearfix">
                                    <label><span class="fs14 c-333">评论权限设定</span></label>
                                    <div class="radio">
                                        <label class="mr20"><input type="radio" value="1" name="replyPermission" checked>自由评论</label>
                                        <label class="mr20"><input type="radio" value="2" name="replyPermission">仅限本班同学评论</label>
                                    </div>
                                </div>

                                <div class="form-inline mt20 form-q-code">
                                    <div><label><span class="fs14 c-333">拼图验证码</span></label></div>
                                    <div class="form-control verifyWrap" id="verifyWrap">
                                        <div class="verifyLoading"><span class="fs12 c-999">加载中...</span></div>
                                    </div>
                                </div>

                                <div class="pt10 pb10 mb20 clearfix">
                                    <hr>
                                    <aside class="pull-left">
                                        <button id="topic-publish" class="btn btn-block btn-w-m btn-lg unRadius btn-danger" type="button"><strong> 发表话题 </strong></button>
                                    </aside>
                                </div>

                                <input hidden id="classesId" name="classesId" th:value="${classesId}" />
                                <input hidden id="topicImages" name="topicImages" />
                                <input hidden id="gapLeft" name="gapLeft" value="0" />
                                <input hidden id="moveLeft" name="moveLeft" value="0" />
                            </form>
                        </div>
                    </section>

                    <aside class="col-sm-4">
                        <div class="ml20 pl10 mr20 mt20 pt10">
                            <div class="toQues-tips">
                                <section class="bg-info text-center"><span class="fs16"><i class="fa fa-child fs24"></i> 发表话题需知</span></section>
                                <div class="bg-fb pt10 pl10 pr10 pb10">
                                    <div class="ml10 mr10 mt10 mb10 pb10">
                                        <p class="fs12 c-999 pt10 c-danger">一、需要了解的事情：</p>
                                        <p class="fs12 c-999 pt10">1、在这里你可以和不同兴趣的小伙伴们共同分享，交流，互动，学习。</p>
                                        <p class="fs12 c-999 pt10">2、想要发表自己的话题？大胆的发表自己的所见所闻，同感兴趣的小伙伴们分享，互动吧。</p>
                                        <p class="fs12 c-999 pt10">3、还没想好要发表什么？先去游览一下，可能找到自己喜欢的内容哟。</p>
                                        <p class="fs12 c-999 pt10">4、话题更热衷于传达您想要表达的观点，知识，信息，学问，与疑惑。能引起大家共同讨论，互动，成长的点子。</p>
                                    </div>
                                    <div class="ml10 mr10 mt10 mb10 pb10">
                                        <p class="fs12 c-999 pt10 c-danger">二、需要注意的事情：</p>
                                        <p class="fs12 c-999 pt10">1、禁止发布求职、交易、推广、广告类与分享，交流，学习无关的信息将一律清理。</p>
                                        <p class="fs12 c-999 pt10">2、话题刷屏用户一律冻结帐号。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </aside>
                </div>
            </div>
        </div>
    </div>
</div>

<div data-th-replace="layout/footer"></div>
<script type="text/javascript" th:src="@{{path}/common/summernote/summernote.min.js?v={v}(path=${staticPath}, v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/common/summernote/summernote-zh-CN.js?v={v}(path=${staticPath}, v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/front/web/libs/plugins/chosen/chosen.jquery.js?v={v}(path=${staticPath}, v=${v})}"></script>
<%--引入滑动验证码库--%>
<script type="text/javascript" th:src="@{{path}/common/libs/verify-code/verify-code.js?v={v}(path=${staticPath}, v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/front/web/business/classes/classes.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/front/web/business/classes/topic/init-publish.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>
